/*!
 * Copyright 2019 Hitachi Vantara. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* CARDS */
card .card {
  background-color: #FDFDFD;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  height: 86px;
  width: 284px;
  margin: 20px 0 0 20px;
  padding: 20px;
  outline: 0 none;
  float: left;
}

card .card:hover {
  background-color: #E6EFF6;
  border: 1px solid #E6EFF6;
}

card .card.selected,
card .card.selected .cardDate {
  color: #FFF;
  background-color: #005DA6;
  border: 1px solid #005DA6;
}

card .cardMiddle {
  width: 100%;
  height: 100%;
}

card .cardMiddle .cardTypeIcon {
  height: 100%;
  width: 32px;
  float: right;
}

card .card.cardTrans .cardMiddle .cardTypeIcon {
  background: url("../../img/file_icons/Transformation.S_D.svg") no-repeat center center;
  background-size: 64px 64px;
}

card .card.selected.cardTrans .cardMiddle .cardTypeIcon {
  background: url("../../img/file_icons/Transformation.S_D_white.svg") no-repeat center center;
  background-size: 64px 64px;
}

card .card.cardJob .cardMiddle .cardTypeIcon {
  background: url("../../img/file_icons/Job.S_D.svg") no-repeat center center;
  background-size: 64px 64px;
}

card .card.selected.cardJob .cardMiddle .cardTypeIcon {
  background: url("../../img/file_icons/Job.S_D_white.svg") no-repeat center center;
  background-size: 64px 64px;
}

card .card.selected .cardMiddle .cardTypeIcon {
  background-position: right center;
}

card .cardTitleAndDate {
  float: left;
  max-width: 200px;
  margin-top: -1px;
}

card .cardTitle {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}

card .cardDate {
  color: #999;
  line-height: 17px;
}

card .last {
  margin-bottom: 20px;
}
